<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Win11 Style AI Q&A</title>
<link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
</head>
<body>
<div class="container">
    <h1>霹雳舞知识库</h1>
    <form id="askForm">
        <input type="text" name="question" placeholder="请输入您的问题..." required>
        <button type="submit">提问</button>
    </form>
    <div id="response">竭诚为您服务</div>
</div>

<!-- 加载弹窗 -->
<div id="loadingOverlay" style="display: none;">
    <div class="loadingSpinner"></div>
    <button id="cancelButton" style="margin-top: 20px;">取消</button>
</div>

<!-- 关于我的弹窗 -->
<div id="aboutMeModal" class="modal">
    <div class="modal-content">
        <span class="close">&times;</span>
        <h2></h2>
        <p></p>
    </div>
</div>

<!-- 底部小字 -->
<div class="footer">
    <a href="#" id="aboutLink">关于一些事情</a>
</div>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/markdown-it@12.3.2/dist/markdown-it.min.js"></script>
<script src="{{ url_for('static', filename='js/scripts.js') }}"></script>
</body>
</html>